// React基础组件
import React from 'react'
// dva 连接组件 - 连接route和model
import { connect } from 'dva'
// 引入antd的组件
import { Form } from 'antd'
//导入路由组件，用于跳转等
import { Link, hashHistory } from 'dva/router'
// 导入项目全局配置文件
import config from 'config/config'

// 引入model取值工具方法
import { mapStateToProps } from 'utils/view_utils'
// 当前组件样式
import styles from './platformSettingListStyle.less'
//引用listPage
import ListPage from 'widget/PageTmpl/ListPage'
import cx from 'classnames'

/**
 * description 路由视图及事件处理
 * dispatch 分发到models中的effects对应事件名
 * model 用于获取models中state定义的数据
 * form 表单对象
 */
// 详情页跳转
function detailSkip(type, activityId) {

  hashHistory.push({
      pathname: '/home/systemAdmin/platformSettingDetail',
      query: { actionType: type, activityId }
  });

}

const routeView = function ({ dispatch, model, form }) {
  // 表单的子函数
  const { resetFields, getFieldDecorator, validateFields, setFieldsValue } = form
  // 取出model对象，命名空间
  const { modelObj, namespace } = model
  // 分页表格属性配置
  let pageProps = {
    // ---------- 界面部分 ----------
    "ui": {
      // 页面接口地址
      "api_url": "customer/vip/list",
      // 接口方式
      "method": "GET",
      "app": "",
      // 接口参数
      "params": "pageNo=1&pageSize=10",
      // 模拟数据 - 用于开发需要，若填充了上面的api_url之后，请将此项设置为null
      // "mockData": mockData,
      "mockData": null,
      // 数据表格
      "table":
      {
        "status_params": "status=0",
        "status_text": "全部",
        // 表头字段列表
        "scroll": { x: 1200 },
        "fields": [
          {
            "en_name": "key",
            "zh_name": "序号",
            "width": "60",
            render: (a, item, index, d, e, f) => {
              return index + 1
            },
          },
          {
            "en_name": "customerName",
            "zh_name": "项目名称",
          },
          {
            "en_name": "compainy",
            "zh_name": "标题",
          },
          {
            "en_name": "status",
            "zh_name": "状态",
          },
          {
            "en_name": "people",
            "zh_name": "创建人",
          },
          {
            "en_name": "date",
            "zh_name": "创建时间",
          },
          {
            "en_name": "edit",
            "zh_name": "操作",
            render: (a, item, index, d, e, f) => {
              return (
                <span>
                  <a onClick={() => detailSkip('check', item.id)}>查看</a>{<span className="ant-divider" />}
                  <a onClick={() => detailSkip('edit', item.id)}>编辑</a>{<span className="ant-divider" />}
                  <a>删除</a>
                </span>
              )
            },
          },
        ]
      },
      "action_bar": [{
        label: '新建',
        type: 'primary',
        onClick: (e, row) => {
          //console.log()
          detailSkip("add")
        }
      }]
    },
  }

  return (
    <div className={cx('pageLayout')}>
      <ListPage pageProps={pageProps} />
    </div>
  )
}

// 连接视图(view)和模型(model)
export default connect(mapStateToProps)(Form.create()(routeView))
